<!-- 购物车更多商品组件 -->
<template>
  <div class="moreProduct" @click="handleClick">
    共计{{ count }}件<i class="iconfont">&#xe62b;</i>
  </div>
</template>

<script>
// 处理点击事件
const useClick = (emit) => {
  const handleClick = () => emit('show')
  return { handleClick }
}
//composition
export default {
  name: 'moreProduct',
  props: ['count', 'product'],
  emits: ['show'],
  setup(props, context) {
    const { emit } = context;
    const { handleClick } = useClick(emit);
    return { handleClick };
  }
}
</script>

<style scoped lang="scss">
.moreProduct {
  height: 28px;
  line-height: 28px;
  margin-bottom: 16px;
  background-color: #F5F5F5;
  font-size: 14px;
  color: #999999;
  text-align: center;

  .iconfont {
    font-size: 14px;
    margin-left: 8px;
  }
}
</style>